1 00:00:00,690 --> 00:00:01,150 Baiklah. 2 00:00:01,170 --> 00:00:03,900 Jadi, hal pertama yang pertama. Sebelum kita melakukan hal lain, 3 00:00:03,930 --> 00:00:07,890 pertama-tama kita harus menyiapkan dan siap untuk pengembangan web. 4 00:00:07,890 --> 00:00:14,010 Jadi saya akan memandu Anda melalui beberapa aplikasi yang akan kami gunakan hampir sepanjang waktu 5 00:00:14,010 --> 00:00:21,300 kursus ini. Ada dua alat utama yang akan kami andalkan, yaitu browser Chrome dan 6 00:00:21,300 --> 00:00:23,190 editor teks Atom. 7 00:00:23,190 --> 00:00:26,140 Dan di antara kedua alat ini kita akan mencapai banyak hal. 8 00:00:26,190 --> 00:00:31,890 Dan nanti di kursus saat kami memperkenalkan konsep lebih lanjut seperti menggunakan baris perintah 9 00:00:31,890 --> 00:00:36,350 atau menggunakan database maka kita akan menginstal hal-hal lain seiring berjalannya waktu. 10 00:00:36,480 --> 00:00:42,120 Namun untuk memulai, aplikasi terpenting yang perlu kita instal hanyalah dua ini saja. 11 00:00:42,120 --> 00:00:48,150 Sekarang Anda mungkin sudah menginstal Chrome, tetapi jika belum, pastikan untuk memeriksa Pengembangan Web 12 00:00:48,150 --> 00:00:54,930 Daftar Sumber Daya Kursus yang akan saya tautkan dalam pelajaran saat ini. Dan itu sangat penting 13 00:00:54,930 --> 00:00:59,460 Anda memeriksa di sini karena setiap kali saya menyebutkan tautan, atau setiap kali saya mencoba menunjukkannya 14 00:00:59,460 --> 00:01:04,740 Anda menuju sesuatu, tautannya akan muncul di sini, dan Anda dapat mengekliknya untuk menyelamatkan Anda 15 00:01:04,740 --> 00:01:07,940 semua kesulitan karena harus mengetik semuanya. 16 00:01:08,010 --> 00:01:08,720 Hal pertama yang pertama. 17 00:01:08,730 --> 00:01:14,580 Jika Anda belum memasang Chrome, buka halaman ini di browser Anda dan cukup klik tautan ini 18 00:01:14,640 --> 00:01:21,330 untuk melanjutkan dan mengunduh serta memasang Chrome. Dan itu seharusnya cukup sederhana. Dan itu akan memandu Anda melewatinya 19 00:01:21,330 --> 00:01:22,540 prosesnya. 20 00:01:22,560 --> 00:01:28,050 Jadi sekarang Anda telah mengunduh browser yang Anda perlukan, langkah selanjutnya adalah menginstal editor kode. 21 00:01:28,200 --> 00:01:36,240 Dan di luar sana ada banyak sekali editor kode yang berbeda, misalnya Atom, VSCode, Sublime, Brackets ... 22 00:01:36,240 --> 00:01:42,810 Dan jika dipikir-pikir, yang Anda perlukan untuk menulis kode hanyalah suatu bentuk editor teks. 23 00:01:42,810 --> 00:01:47,510 Jadi Anda bisa, jika Anda benar-benar ingin, bahkan menggunakan sesuatu seperti Notepad. 24 00:01:47,550 --> 00:01:53,640 Namun kelemahan Notepad adalah ia tidak memiliki semua fitur hebat yang dimiliki beberapa fitur khusus lainnya 25 00:01:53,700 --> 00:01:55,230 yang dimiliki editor kode. 26 00:01:55,230 --> 00:02:00,660 Jadi dua favorit saya adalah Atom dan VSCode dan saya menggunakan keduanya secara teratur. 27 00:02:00,720 --> 00:02:06,540 Sekarang, dalam video kursus Anda akan melihat saya menggunakan Atom, tetapi jika Anda memiliki preferensi yang kuat terhadap salah satu dari ini 28 00:02:06,600 --> 00:02:12,390 orang lain atau editor kode lain yang sudah biasa Anda gunakan dan ingin Anda gunakan, silakan saja 29 00:02:12,390 --> 00:02:18,390 untuk melakukan itu. Tetapi jika Anda tidak memiliki preferensi yang kuat maka saya sarankan kita melanjutkan dan menginstal teks Atom 30 00:02:18,390 --> 00:02:19,290 editor. 31 00:02:19,290 --> 00:02:22,580 Dan itu sepenuhnya gratis untuk diunduh dan dipasang. 32 00:02:22,620 --> 00:02:29,160 Jadi jika Anda langsung saja mengunjungi atom.io atau membuka Daftar Sumber Daya Kursus Pengembangan Web, maka 33 00:02:29,160 --> 00:02:35,040 Anda harus membuka halaman ini dan halaman ini dengan cerdik mengetahui sistem apa yang Anda jalankan. 34 00:02:35,040 --> 00:02:40,410 Jadi misalnya saat ini saya menjalankan MacOS dan saya menggunakan MacOS 10.9 atau lebih baru. 35 00:02:40,410 --> 00:02:47,370 Jadi yang harus Anda lakukan hanyalah teruskan dan klik Unduh, dan setelah unduhan selesai, Anda bisa 36 00:02:47,370 --> 00:02:55,170 cukup buka folder Unduhan Anda dan klik dua kali untuk mengekstrak paket itu. Dan sekarang Anda akan melihatnya 37 00:02:55,200 --> 00:02:56,390 Atom muncul. 38 00:02:56,400 --> 00:03:03,420 Hal terakhir yang harus Anda lakukan hanyalah memindahkan aplikasi ini ke dalam folder Aplikasi Anda. Di Mac 39 00:03:03,420 --> 00:03:08,130 ini hanya masalah menuju ke harddisk Macintosh Anda dan kemudian folder Aplikasi Anda, dan 40 00:03:08,130 --> 00:03:16,260 lalu seret aplikasi Atom yang baru saja Anda unduh di Unduhan Anda ke sini. Dan 41 00:03:16,350 --> 00:03:20,040 maka Anda sudah selesai dan Anda siap dengan Atom. 42 00:03:20,040 --> 00:03:25,650 Sekarang, jika Anda pengguna Windows dan membuka atom.io, Anda akan melihat bahwa atom.io akan terdeteksi secara otomatis 43 00:03:25,860 --> 00:03:28,570 bahwa Anda melihat ini di komputer Windows. 44 00:03:28,710 --> 00:03:34,380 Dan kemudian Anda dapat melanjutkan dan mengklik lagi tombol Unduh berwarna kuning besar itu. Dan Anda harus berakhir 45 00:03:34,440 --> 00:03:40,620 dengan sesuatu yang disebut atomsetup.exe, dan Anda akan dapat melihatnya di 46 00:03:40,620 --> 00:03:42,550 Folder unduhan. 47 00:03:42,570 --> 00:03:48,120 Jadi sekarang jika Anda klik dua kali padanya dan secara otomatis akan melakukan semua yang diperlukan untuk menginstal 48 00:03:48,150 --> 00:03:50,310 Atom di sistem Anda. 49 00:03:50,370 --> 00:03:56,880 Jadi setelah Anda selesai, jendela Atom baru akan terbuka seperti itu, dan Anda akan berhasil menginstal 50 00:03:56,970 --> 00:04:01,900 Atom. Dan kekuatan Atom benar-benar berasal dari paketnya. 51 00:04:01,900 --> 00:04:08,110 Jadi Anda dapat melihat bahwa mereka memiliki lebih dari 8000 paket, yang merupakan kumpulan kode yang dimiliki oleh pemrogram lain 52 00:04:08,110 --> 00:04:12,220 ditulis untuk menjadikan pengalaman Anda menggunakan Atom lebih baik. 53 00:04:12,340 --> 00:04:19,930 Jadi Anda dapat memasukkan hal-hal khusus seperti menampilkan jam di bilah status Atom, atau hal-hal lain yang serupa 54 00:04:19,930 --> 00:04:25,990 seperti memiliki ikon file di samping setiap file Anda, atau sesuatu yang lebih praktis 55 00:04:25,990 --> 00:04:31,240 hal-hal seperti atom-beautify yang hanya mempercantik dan membuat indentasi kode Anda untuk Anda. 56 00:04:31,240 --> 00:04:33,220 Jadi ini sangat kuat. 57 00:04:33,250 --> 00:04:35,750 Dan kami akan menyesuaikannya untuk kursus. 58 00:04:36,010 --> 00:04:41,260 Jadi, sekali lagi, jika Anda kembali ke Daftar Sumber Daya Kursus Pengembangan Web, Anda akan melihat bahwa ada 59 00:04:41,290 --> 00:04:45,380 daftar paket Atom yang kami ingin Anda instal. 60 00:04:45,490 --> 00:04:50,980 Dan inilah yang direkomendasikan dan inilah yang opsional. 61 00:04:50,980 --> 00:04:56,830 Yang harus Anda lakukan adalah membuka Atom dan pergi ke Preferensi lalu pergi ke Instal. 62 00:04:56,920 --> 00:05:02,580 Dan saya ingin Anda mencari masing-masingnya lalu langsung menginstalnya. 63 00:05:02,710 --> 00:05:08,290 Jadi Anda cukup menyalin dan menempelkannya ke sini dan Anda akan melihat salah satu yang sama persis 64 00:05:08,290 --> 00:05:10,310 dengan nama yang Anda lihat di sini. 65 00:05:10,330 --> 00:05:17,110 Dan kemudian lanjutkan saja dan klik Instal. Dan di Windows semuanya persis sama. 66 00:05:17,110 --> 00:05:22,570 Dan setelah Anda menginstal semua paket, Anda seharusnya dapat melihatnya di sini. 67 00:05:22,570 --> 00:05:28,390 Sekarang jika Anda mengalami masalah dalam menginstal paket di Atom, saya sarankan untuk kembali ke masalah tersebut 68 00:05:28,390 --> 00:05:34,660 Google dokumen dan gulir ke bawah ke tempat saya mendapatkan petunjuk pemecahan masalah dan ikuti masing-masing 69 00:05:34,660 --> 00:05:37,690 langkah-langkah ini untuk melihat apakah Anda dapat mencoba dan mengatasinya. 70 00:05:37,750 --> 00:05:45,290 Sekarang jika Anda benar-benar tidak dapat memperbaikinya dan versi spesifik Windows atau Mac atau Linux Anda tidak dapat diinstal 71 00:05:45,310 --> 00:05:50,710 Atom atau tidak mau menginstal paket maka saya sarankan untuk melanjutkan dan mendapatkan VSCode sebagai gantinya. 72 00:05:51,070 --> 00:05:56,590 Jadi, buka tautannya. Jadi, Anda akan dapat menemukan link ke VSCode lagi di Sumber Kursus 73 00:05:56,590 --> 00:05:57,150 Daftar. 74 00:05:57,310 --> 00:06:02,230 Dan begitu Anda mengkliknya, Anda akan dibawa ke situs web yang secara otomatis akan melihat sistem mana 75 00:06:02,230 --> 00:06:05,050 Anda sedang menjalankan dan memberi Anda tombol Unduh yang besar. 76 00:06:05,050 --> 00:06:09,700 Dan mulai dari sana, hal yang sama persis seperti mengunduh dan menginstal Atom. 77 00:06:09,760 --> 00:06:15,040 Sekarang Anda juga dapat mengklik daftar dropdown untuk memilih versi stabil sistem apa pun yang Anda gunakan 78 00:06:15,040 --> 00:06:15,730 berlari. 79 00:06:15,760 --> 00:06:19,690 Saya sarankan Anda tidak menggunakan versi orang dalam karena biasanya memiliki lebih banyak bug. 80 00:06:19,690 --> 00:06:22,390 Saya sarankan menggunakan versi stabil saja. 81 00:06:22,390 --> 00:06:28,920 Sekarang mirip dengan paket dan Atom saya juga telah menyusun daftar ekstensi yang setara 82 00:06:28,930 --> 00:06:30,160 VSCode yang dapat Anda instal. 83 00:06:30,550 --> 00:06:36,440 Jadi pergilah ke Daftar Sumber Daya Kursus dan Anda harus menemukan daftar ekstensi VSCode ini 84 00:06:36,500 --> 00:06:37,270 Saya merekomendasikan. 85 00:06:37,570 --> 00:06:44,230 Namun tujuannya adalah menginstal browser Chrome dan beberapa bentuk editor teks baik itu VSCode atau 86 00:06:44,320 --> 00:06:45,840 Atom terpasang. 87 00:06:46,000 --> 00:06:51,190 Setelah Anda memiliki editor dan browser Chrome, Anda siap untuk melanjutkan ke pelajaran berikutnya 88 00:06:51,190 --> 00:06:56,320 kita akan mulai mempelajari cara membuat kode dan mulai membangun situs web kita. 89 00:06:56,350 --> 00:06:59,260 Jadi untuk semua itu dan lebih banyak lagi, sampai jumpa di pelajaran berikutnya.